<div
    bsModal
    #placeUserModal="bs-modal"
    class="modal fade"
    tabindex="-1"
    role="dialog"
    aria-labelledby="placeUserModal"
    aria-hidden="true"
    [config]="{ backdrop: 'static', keyboard: !saving }"
>
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">
                    <span>车位租售信息</span
                    >                   
                </h4>
                <button
                    type="button"
                    class="close"
                    (click)="close()"
                    [attr.aria-label]="l('Close')"
                    [disabled]="saving"
                >
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>            
            <div class="modal-body">
                <div class="form-group row">
                    <div class="col-md-3" style="text-align:right;">车位名称：</div>
                    <div class="col-md-9">
                        {{placeName}}
                    </div>
                </div>
                <div class="form-group row">
                    <div class="col-md-3" style="text-align:right;">车位编号：</div>
                    <div class="col-md-9">
                        {{placeNum}}
                    </div>
                </div>
                <div class="form-group row" *ngIf="userName == ''">
                    <div class="col-md-3"> </div>
                    <div class="col-md-9">
                        <span class="m-badge m-badge--primary m-badge--wide">当前车位没有租售信息</span>
                    </div>
                </div>
                <div class="form-group row" *ngIf="userName != ''">
                    <div class="col-md-3" style="text-align:right;">车位到期时间：</div>
                    <div class="col-md-9">
                        {{placeEndTime}}
                    </div>
                </div>
                <div class="form-group row" *ngIf="userName != ''">
                    <div class="col-md-3" style="text-align:right;"> 用户姓名：</div>
                    <div class="col-md-9">
                        {{userName}}
                    </div>
                </div>
                <div class="form-group row" *ngIf="userName != ''">
                    <div class="col-md-3" style="text-align:right;"> 用户手机号：</div>
                    <div class="col-md-9">
                        {{userPhone}}
                    </div>
                </div> 
                <div class="form-group row" *ngIf="userName != ''">
                    <div class="col-md-3" style="text-align:right;"> 用户车辆：</div>
                    <div class="col-md-9">
                        {{carNums}}
                    </div>
                </div>                              
            </div>
            <div class="modal-footer">
                <button
                    class="btn btn-default"
                    (click)="close()"
                >
                    关闭
                </button>
                <button
                    class="btn btn-primary"  
                    *ngIf="userName != ''"
                    (click)="deleteUserParingInfo()"
                >
                    <span>解除绑定</span>
                </button>
            </div>
        </div>
    </div>
</div>
